<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订单详情</title>

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/resources/css/back/oderdetail.css">
</head>
<body>
	<h1>订单列表--订单详情</h1><br>
	<div class="oder_info">
		<div><strong>订单号：</strong><span>${oderItemDto.oder.oderId }</span><br></div>
		<div><strong>旅客：</strong><span>${oderItemDto.traveler.tra1Personname },${oderItemDto.traveler.tra2Personname}</span><br></div>
		<div><strong>旅客手机号：</strong><span>${oderItemDto.traveler.tra1Phone },${oderItemDto.traveler.tra2Phone }</span><br></div>
		<div><strong>创建时间：</strong><span>${oderItemDto.oder.createTime }</span><br></div>
		<div><strong>订单状态：</strong><span>${oderItemDto.status }</span><br></div>
		<div><strong>支付方式：</strong><span>${oderItemDto.payType }</span><br></div>
		<div><strong>订单金额：</strong>￥<span>${oderItemDto.oder.payPrice }</span><br></div>
	</div>
	
	<div class="table-responsive">
	<table class="table table-striped table-hover table-bordered ">
		<thead>
			<tr class="success">
				<td>产品图片</td>
				<td>产品描述</td>
				<td>行程日期</td>
				<td>单价</td>
				<td>数量</td>
				<td>合计</td>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${oderItemDto.oderItemList }" var="oderitem">
			<tr>
				<td><img src = ${oderitem.productPic } class="img-thumbnail" ></td>
				<td>${oderitem.productName }</td>
				<td>${oderitem.targetDate }</td>
				<td>￥<span>${oderitem.productPrice }</span></td>
				<td>${oderitem.quantity }</td>
				<td>￥<span>${oderitem.productTotalprice }</span></td>
			</tr>
			</c:forEach>
		</tbody>
	</table>
	</div>
	

</body>
</html>